<template>
  <div class="my-h1">
    <svg
      t="1647921519637"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="8067"
    >
      <path
        d="M881.2 143.2c-5.5 7.6-11.2 14.9-17.2 22.1l-83.3 100c-34.9 41.8-65.9 87.2-92.4 134.8l-18.2 32.7c-10.9 19.6-24.5 37.7-40.4 53.6l-21.2 21.2 2.7 29.9 23.8 260c1.9 20.5 10.7 38.7 24.1 52.3l-17 17c-3.8-5.7-8.2-11-13.2-15.9L476.1 698.1c-15.9-15.9-37-24.6-59.5-24.6s-43.6 8.8-59.5 24.6l-35.5 35.5c-20.9 20.9-34.6 47.3-39.9 75.7-10.7-6.8-23-10.4-35.8-10.4-8.7 0-17.4 1.7-25.5 5 4.5-10.9 6-23 4.4-34.8-1.4-9.5-4.8-18.5-9.9-26.5 28.6-5.2 54.7-18.8 75.5-39.5l35.9-35.9c15.9-15.9 24.6-37 24.6-59.5s-8.8-43.6-24.6-59.5l-152.9-153c-5.1-5.1-10.7-9.6-16.6-13.6l17-17c13.8 13.9 32.2 22.7 52.8 24.6l260.1 24 30 2.8 21.2-21.3 0.1-0.1c15.8-15.8 33.7-29.3 53.3-40.2l33.4-18.6c47.2-26.2 92.1-57 133.6-91.6l101-84.1c7.1-5.9 14.4-11.5 21.9-16.9M998.7 0.9c-3.8 0-7.8 0.9-11.7 3-39.7 21.4-87.3 48.3-116.7 69.4-18.1 11.3-35.5 23.8-51.9 37.5l-101 84.1c-38.5 32.1-79.9 60.5-123.7 84.8l-33.4 18.6c-24.7 13.8-47.5 30.9-67.5 50.9l-0.1 0.1-260.1-24c-18.3-1.7-26.3-23.9-13.3-36.9 8.2-8.2 14.7-16.1 19.4-23.5 3.9-6.5-0.8-28.1-16.9-28.1-2.5 0-5.3 0.5-8.4 1.8-7.4 4.7-15.3 11.2-23.5 19.4L38.1 409.9l29.5 30.5c8.4-8.4 19.3-12.5 30.3-12.5s21.9 4.2 30.3 12.5l152.9 152.9c7.9 7.9 7.9 20.6 0 28.5l-35.9 35.9c-15.1 15.1-35.5 23.2-56.7 23.2-2.1 0-4.1-0.1-6.2-0.2-2-0.1-3.9-0.2-5.8-0.2-31.1 0-53.6 18.4-84 18.4-1.9 0-3.7-0.1-5.7-0.2-1.9-0.1-3.8-0.2-5.7-0.2-19.6 0-38.5 7.8-52.5 21.7C15 734 7.3 752.6 7.3 772l45.2 48.3c4.2 4.2 9.7 6.3 15.1 6.3 5.5 0 11-2.1 15.1-6.3 4.2 4.2 9.7 6.3 15.1 6.3 5.5 0 11-2.1 15.1-6.3l43.6-43.6c0.6-0.6 1.4-0.9 2.2-0.9 0.6 0 1.1 0.2 1.6 0.5 1.3 1 1.6 2.8 0.6 4l-0.8 1.7c-5.1 11.1-10.7 22-16.4 32.8-9.7 18.6-7 41.8 8.1 57.2 9.5 9.6 22.1 14.5 34.7 14.5 8.1 0 16.1-2 23.5-6 11.1-6.1 22.5-11.7 33.9-17l0.7-0.3c0.4-0.2 0.8-0.3 1.3-0.3s1 0.1 1.4 0.4c1.5 1 1.7 3.1 0.5 4.4L204 911.4c-8.4 8.4-8.4 21.9 0 30.3-8.4 8.4-8.4 21.9 0 30.3l48.3 45.2c19.4 0 38-7.7 51.8-21.5l0.6-0.6c14.9-14.9 22.5-35.6 20.9-56.6l17.9-96.6c-1.8-23.4 6.7-46.5 23.4-63.1l35.5-35.5c3.9-3.9 9.1-5.9 14.2-5.9 5.2 0 10.3 2 14.2 5.9l152.8 152.8c16.7 16.7 16.7 43.9 0 60.6l30.5 28.5L766 833.4c8.2-8.2 14.7-16.1 19.4-23.5 7.1-17.7-9.4-25.7-20-25.7-2.6 0-4.8 0.5-6.3 1.4-7.4 4.7-15.3 11.2-23.5 19.4-4.4 4.4-9.8 6.4-15.2 6.4-10.5 0-20.6-7.6-21.7-19.7L675 531.5c20.1-20.1 37.3-42.9 51.1-67.7l18.2-32.7c24.5-44.2 53.2-86 85.6-124.9l83.3-100c13.8-16.5 26.4-34 37.7-52.2 20.9-29.6 47.8-77.3 69.1-117 9.4-17.4-4.3-36.1-21.3-36.1z"
        p-id="8068"
      ></path>
    </svg>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from "vue"
defineProps<{ center?: boolean }>()
</script>

<style lang="scss" scoped>
.my-h1 {
  font-size: 23px;
  display: flex;
  align-items: center;
  color: var(--TextColor);
  transition: all 0.4s var(--n-bezier);
  font-weight: bolder;
  margin-bottom: var(--bottom);
  justify-content: v-bind("center ? 'center': '' ");
  // &:hover {
  //   color: var(--themeColor);
  // }
  // &:hover .icon {
  //   fill: var(--themeColor);
  // }
  .icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    fill: var(--TextColor);
    transition: all 0.4s var(--n-bezier);
  }
}
</style>
